import './shipin.css'
import xh from './img/xh.jpg'
import ll from './img/liulan.jpg'
import sp1 from './img/sp1.jpg'
import sp2 from './img/sp2.jpg'
import { Link } from "react-router-dom";

import { Tabs } from 'antd';

const { TabPane } = Tabs;

function callback(key) {
  console.log(key);
}

const Spbom =()=>{
    return  (
        <div className="spbom">
            <Tabs defaultActiveKey="1" onChange={callback}>
                <TabPane tab="最新视频" key="1" className="ktabs">
                    <ul>
                        <li>
                            <Link to="kspxq">
                            <div className="bofang">
                                <img src={sp1}/>
                            </div>
                            </Link>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp1}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp1}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp1}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </TabPane>
                <TabPane tab="视频排行" key="2" className="ktabs">
                    <ul>
                        <li>
                            <div className="bofang">
                                <img src={sp2}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp2}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp2}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="bofang">
                                <img src={sp2}/>
                            </div>
                            <div>
                                <p>6.1版本单排上分最强打野英雄Tops5排行</p>
                                <div className="xihuan">
                                    <div>
                                        <img src={xh}/>
                                        <span>2100</span>
                                    </div>
                                    <div>
                                        <img src={ll}/>
                                        <span>5421次播放</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </TabPane>
            </Tabs>
        </div>
    )
}

export default Spbom;

